.common-title{
    color: #666;
}
.common-title img{
    margin-top: -4px;
}
.common-title span{
    color: #999;
}


.directories{
    width: 100%;
    min-width: 1200px;
    text-align: center;
}
.directories-fixed{
    position: fixed;
    top: 0px;
    z-index: 999;
    background: #fff;
}
.directories-content{
    width: 1200px;
    overflow: hidden;
    background: #e9fff3;
    border: 1px solid #ddd;
    margin: 0 auto;
}
.directories .list-item{
    padding: 10px 40px;
    background: #f6f6f6;
    border-right: 1px solid #ddd;
    color: #666;
    cursor: pointer;
}
.directories .list-item:hover{
    background: #027937;
    color: #fff;
}
.directories .price{
    background: #e9fff3;
    padding: 3px 10px;
    cursor: auto;
    font-style: italic;
    color: #666;
}
.course-introduce{
    margin-bottom: 40px;
}
.introduce-header{
    height: 70px;
    line-height: 64px;
    background: #f2f2f2;
    text-align: center;
    min-width: 1200px;
}

.introduce-container{
    width: 1200px;
    margin: 0px auto;
}

.introduce-container .location{
    margin: 20px 0;
}
.introduce-container .location img{
    margin-top: -4px;
}
.introduce-content{
    overflow: hidden;
}
.introduce-content .left{
    position: relative;
}
.introduce-content .left .bg{
    width: 740px;
    height: 360px;
}
.introduce-content .left .opa,.introduce-content .left .msg{
    width: 700px;
    height: 100px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: #7F8C8D;
    opacity: .5;
    filter:alpha(opacity=50);
}
.introduce-content .left .msg{
    background: none;
    opacity: 1;
}
.introduce-content .left .msg img{
    margin: 25px;
}
.introduce-content .left .msg div{
    margin: 15px 0;
	color: #ECF0F1;
}
.introduce-content .left .msg p{
    color: #ECF0F1;
    font-size: 15px;
}
.introduce-content .right{
    width: 440px;
}
.introduce-content .right .item{
    overflow: hidden;
    margin-top: 15px;
}
.introduce-content .right .item .item-left{
    width: 80px;
    float: left;
}
.introduce-content .right .item .item-right{
    color: #666;
    position: relative;
    margin-left: 80px;
}
.introduce-content .right .item .item-right select{
    width: 320px;
    border: none;
    font-size: 14px;
    color: #676767;
    height: 30px;
    border:1px solid #e0e0e0;
    padding-left: 10px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../images/btn.png) no-repeat 305px;
}
.introduce-content .right .item .item-right .favourable{
    border: 1px solid #f9290a;
    padding: 2px;
    position: absolute;
    line-height: normal;
}
.introduce-content .right .btn{
    margin:30px 20px 0 0;
    width: 150px;
}
.plan{
    margin-top: 45px;
}
.plan-header{
    height: 70px;
    line-height: 64px;
    color: #fff;
    text-align: center;
    min-width: 1200px;
}

.plan-list{
    width: 100%;
    padding: 40px 0;
}
.plan-list:nth-child(odd){
    background: #f3f3f3;
}
.plan-list .list-item{
    height: 360px;
    width: 1200px;
    margin: 0 auto;
    border: 1px solid #027938;
}
.plan-list .list-item .left{
    width: 148px;
    margin: -1px;
    position: relative;
}
.plan-list .list-item .left .num{
    height: 148px;
    text-align: center;
}
.plan-list .list-item .left .num .circle{
    height: 75px;
    width: 75px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-top: 37px;
    color: #fff;
    text-align: center;
    line-height: 75px;
    display: inline-block;
    font-family: "verdana";
    font-size: 45px;
}
.plan-list .list-item .left .day{
    height: 214px;
    background: #DF9800;
    text-align: center;
    color: #fff;
    overflow: hidden;
}
.day .day-num{
    margin-top: 70px;
}
.day .day-course{
    margin-top: 5px;
}
.day .download-schedule {
	margin-top: 45px;
}
.plan-list .list-item .left .left-icon{
    width: 0;
    height: 0;
    position:absolute;
    border-top: 5px solid transparent;
    border-left: 5px solid #027938;
    border-bottom: 5px solid transparent;
    right: -5px;
    top: 20px;
}
.plan-list .list-item .right{
    width: 1020px;
    padding: 10px;
}
.plan-list .list-item .right .img-list{
    overflow: auto;
    margin-bottom: 15px;
}
.plan-list .list-item .right .img-list img{
    width: 330px;
    height: 220px;
    float: left;
    margin-right: 5px;
}
.plan-list .list-item .right .date-plan p{
    line-height: 26px;
}
.plan-list .list-item .right .date-plan p em{
    color: #666;
}


.advantage{
    padding: 40px 0;
}
.advantage-header{
    height: 70px;
    line-height: 64px;
    color: #fff;
    text-align: center;
}
.advantage-header-item{
    display: inline-block;
    margin: 0 100px;
    cursor: pointer;
}
.advantage-header-item.active{
    font-weight: bold;
}
.advantage-header-item img{
    margin-top: -4px;
}


.advantage-content{
    width: 1200px;
    margin: 45px auto;
    overflow: hidden;
}
.advantage-content .left{
    position: relative;
}
.advantage-content .left .bg{
    width: 512px;
    height: 376px;
}

.advantage-content .right{
    width: 670px;
}
.advantage-content .right .item{
    overflow: hidden;
    margin-top: 10px;
}
.advantage-content .right .item .item-left{
    width: 80px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    background: #027937;
    float: left;
    text-align: center;
}
.advantage-content .right .item .item-right{
    background: #f3f3f3;
    color: #666;
    position: relative;
    margin-left: 85px;
    font-size: 14px;
    padding: 10px;
    min-height: 45px;
}






.safe-content{
    width: 1200px;
    margin: 50px auto 0px;
    overflow: hidden;
}
.safe-content .left{
    width: 290px;
}
.safe-content .left .left-item{
    width: 135px;
    height: 90px;
    background: #eeede9;
    text-align: center;
    cursor: pointer;
    margin: 0 5px 5px 0;
}
.safe-content .left .left-item.active{
    color: #ff7900;
}
.safe-content .left .left-item img{
    margin: 8px auto;
}
.safe-content .right{
    width: 900px;
    position: relative;
}
.safe-content .right img{
    width: 900px;
    height: 375px;
}
.safe-content .right .opa{
    width: 345px;
    height: 155px;
    position: absolute;
    left: 175px;
    bottom: 25px;
    background: #fff;
    opacity: .3;
    filter:alpha(opacity=30);
}
.safe-content .right .text-container{
    width: 345px;
    height: 155px;
    position: absolute;
    left: 175px;
    bottom: 25px;
    box-sizing: border-box;
    -moz-box-sizing:border-box;
    padding: 20px;
}
.safe-content .right .text-container .text-title{
    text-align: right;
    text-shadow: 5px 0px 10px #f8f8f8;
}
.safe-content .right .text-container .text-content{
    text-shadow: 5px 0px 10px #f8f8f8;
    margin-top: 8px;
}

.feature{
    margin: 45px auto;
    width: 1200px;
}
.feature-content{
    margin: 30px 0px;
    overflow: hidden;
}
.feature-content .right{
    width: 800px;
}
.feature-content .right .right-content{
    margin-bottom: 30px;
}
.feature-content .right .right-content p{
    color: #999;
    line-height: 24px;
}
.feature .reward{
    overflow: hidden;
}
.feature .reward .item{
    height: 170px;
    width: 580px;
    background: #f2f2f2;
}
.feature .reward .item .headPic{
    margin: 20px 40px;
}
.feature .reward .item .item-title{
    margin-top: 30px;
}
.feature .reward .item .item-content{
    color: #666;
    padding-right:30px;
    margin-top: 10px;
    line-height: 20px;
}

.startTime{
    margin: 0px auto;
    width: 1200px;
}

.start-content{
    margin: 25px 0 20px 0;
    width: 1200px;
    background: #f3f3f3;
    padding-top: 45px;
    overflow: hidden;
}
.start-content .start-item{
    width: 380px;
    margin:0px 5px 15px 12px;
    color: #666;
}
.start-content .start-item .btn{
    width: 120px;
    height: 30px;
    line-height: 28px;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #027938;
    cursor: pointer;
}
.start-content .start-item .btn:hover{
    background: #027937;
    color: #fff;
}

.start-content .start-item .btn span {
    display: inline-block;
    border-top: 5px solid transparent;
    border-left: 5px solid #027938;
    border-bottom: 5px solid transparent;
}

.start-content .start-item .btn:hover span {
	border-left-color: #fff;
}
.start-content .line{
    margin: 0px auto;
    height: 260px;
    border-left: 1px dashed #d9d9d9;
    width: 1px;
}
.startTime .enter{
    width: 1200px;
    margin: 0 auto;
    border: 1px solid #f3f3f3;
    height: 155px;
}
.startTime .enter .left{
    background: url("../images/2-2/10.png") no-repeat;
    width: 425px;
    height: 155px;
}
.startTime .enter .left .item{
    height: 125px;
    width: 95px;
    margin: 17px 0 0 15px;
    text-align: center;
    color: #fff;
}
.startTime .enter .left span{
    margin-top: 5px;
    display: inline-block;
}
.startTime .enter .left .item .title-1{
    margin-top: 25px;
}
.startTime .enter .left .item .title-2{
    margin-top: 5px;
}
.startTime .enter .right{
    width: 735px;
}
.startTime .enter .right .tel{
    margin: 20px 0 10px 0;
}


.harvest{
    background: #f3f3f3;
    padding: 40px 0;
}
.harvest-content{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 5px;
}
.harvest-content .left{
    width: 636px;
    height: 471px;
    margin-top: 20px;
    background: url("../images/2-2/19.png") no-repeat;
    position: relative;
}
.harvest-content .left .item{
    width: 160px;
    position: absolute;
}
.harvest-content .left .harvest-1{
    top: 15px;
    left: 125px;
}
.harvest-content .left .harvest-1 .title{
    color: #b054bf;
}
.harvest-content .left .harvest-2{
    top: 15px;
    left: 353px;
}
.harvest-content .left .harvest-2 .title{
    color: #e98112;
}
.harvest-content .left .harvest-3{
    top: 135px;
    left: 125px;
}
.harvest-content .left .harvest-3 .title{
    color: #ca59dc;
}
.harvest-content .left .harvest-4{
    top: 135px;
    left: 353px;
}
.harvest-content .left .harvest-4 .title{
    color: #4c97bf;
}
.harvest-content .left .harvest-5{
    top: 255px;
    left: 125px;
}
.harvest-content .left .harvest-5 .title{
    color: #F39C12;
}
.harvest-content .left .harvest-6{
    top: 255px;
    left: 353px;
}
.harvest-content .left .harvest-6 .title{
    color: #7b69d5;
}
.harvest-content .left .harvest-7{
    top: 375px;
    left: 125px;
}
.harvest-content .left .harvest-7 .title{
    color: #E74C3C;
}
.harvest-content .left .harvest-8{
    top: 375px;
    left: 353px;
}
.harvest-content .left .harvest-8 .title{
    color: #5a4ba8;
}
.harvest-content .right{
    width: 535px;
    margin-top: 20px;
}
.harvest-content .right .title{
    border-bottom: 1px dashed #bfbfbf;
}
.harvest-content .right p{
    text-indent: 2em;
    color: #666;
    line-height: 26px;
    margin-top: 10px;
}
.harvest-content .right .list-item{
    background: #e6e6e6;
    padding: 11px;
    margin-top: 5px;
    color: #666;
}



.registration{
    width: 1200px;
    margin: 0 auto;
    padding: 45px 0;
}
.registration .title{
    color: #666;
}
.registration .title span{
    color: #999;
}
.registration .enter-title{
    margin: 25px 0px;
}
.registration  .online-content{
    overflow: hidden;
}
.registration  .online-content .qr-enter{
    width: 145px;
    height: 160px;
    text-align: center;
    background: #f3f3f3;
}
.registration  .online-content .qr-enter img{
    margin-top: 5px;
}

.online-enter{
    margin-left: 15px;
}
.online-enter .pc-enter{
    background: #efefef;
    height: 70px;
    width: 235px;
    border: 1px solid #ddd;
    cursor: pointer;
}
.online-enter .pc-enter:hover{
    background: #027937;
    color: #fff;
}
.online-enter .pc-enter:hover div,.online-enter .pc-enter:hover a{
    color: #fff;
}

.online-enter  img ,.tel-enter img{
    float: left;
    margin: 15px 25px;
}
.online-enter .c-name,.tel-enter .c-name{
    margin-top: 10px;
}

.online-enter .qq-enter{
  cursor: pointer;
    background: #efefef;
}
.online-enter .qq-enter:hover{
    background: #027937;
    color: #fff;
}
.online-enter .qq-enter:hover div,.online-enter .qq-enter:hover a{
    color: #fff;
}
.online-enter .qq-enter,.place-enter{
    height: 70px;
    width: 235px;
    border: 1px solid #ddd;
    color: #fff;
    margin-top: 15px;
}
.tel-enter{
    margin-left: 15px;
}
.place-enter{
    border: none;
    overflow: hidden;
    background: #efefef;
    margin-top: 0;
}
.tel-enter .phone-enter{
    background: #efefef;
    height: 70px;
    width: 235px;
    overflow: hidden;
}
.tel-enter .enter-msg{
    height: 70px;
    width: 550px;
    line-height: 70px;
    text-align: center;
}

.quick{
    overflow: hidden;
}
.quick-item{
    border: 1px solid #ddd;
}
.quick-header{
    width: 560px;
    height: 70px;
    background: #e3e3e3;
    text-align: center;
}
.quick-header img{
    margin-top: 10px;
}
.quick-middle{
    overflow: hidden;
    padding: 15px 8px;
}
.quick-middle .quick-middle-item{
    width: 260px;
    height: 310px;
    background: #22ab39;
    text-align: center;
}
.quick-middle .quick-middle-item .qr-container{
    background: #fff;
    width: 170px;
    height: 200px;
    text-align: center;
    margin: 30px auto;
}
.quick-middle .quick-middle-item .qr-container img{
    margin: 10px auto;
}
.quick-footer{
    width: 560px;
    height: 120px;
    background: #edfff1;
}
.quick-footer p{
    font-size: 14px;
    margin-left: 15px;
    line-height: 28px;
}
.bank-container{
    width: 1200px;
}
.bank-title-list{
    background: #efefef;
    overflow: hidden;
    border: 1px solid #efefef;
}
.bank-title-list .list-item{
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-right: 1px solid #fff;
    box-sizing: border-box;
}
.bank-title-list .list-item:last-child{
    border-right: none;
}
.bank-list{
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}
.bank-list:last-child{
    border: none;
}

.bank-list .bank-list-item{
    box-sizing: border-box;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-right: 1px solid #ddd;
}
.bank-list .bank-list-item:first-child{
    border-left: 1px solid #ddd;
}

.bank-img{
    height: 20px;
    width: 80px;
    margin: 25px auto;
}
.bank-img-1{
    background: url("../images/2-2/36.png") 0px 0px no-repeat;
}
.bank-img-2{
    background: url("../images/2-2/36.png") 0px -30px no-repeat;
}
.bank-img-3{
    background: url("../images/2-2/36.png") 0px -59px no-repeat;
}

.bank-remark{
    background: #efefef;
    border: 1px solid #efefef;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.payment{
    background: #f3f3f3;
    padding: 40px 0;
}
.payment-content{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 5px;
}
.payment-content .item{
    width: 590px;
}
.payment-content .item .picture{
    width: 590px;
    height: 240px;
    margin: 20px 0px;
}
.payment-content .rule{
    margin-top: 5px;
}
.payment-content .rule span{
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    text-align: center;
    line-height: 20px;
    float: left;
    margin-top: 4px;
}
.payment-content .rule p{
    color: #666;
    padding-left: 25px;
    line-height: 28px;
}

.gettingThere{
    width: 1200px;
    margin: 0 auto;
    padding: 45px 0;
}
.gettingThere .title{
    color: #666;
}
.gettingThere .title span{
    color: #999;
}
.gettingThere .address{
    margin-top: 20px;
    overflow: hidden;
}
.gettingThere .address .map{
    width: 395px;
    height: 390px;
}
.gettingThere .address .transport{
    width: 755px;
    padding: 0 20px;
}
.gettingThere .address .transport .item{
    border-bottom: 1px dashed #dbdbdb;
    margin-bottom: 20px;
}
.gettingThere .address .transport .item p{
    color: #666;
    padding-left: 35px;
    line-height: 45px;
}
.other-parents{
    width: 100%;
    background: #f3f3f3;
    overflow: hidden;
}
.other-parents .parents-see{
    margin: 45px  auto;
    width:1200px;
    overflow: hidden;
}
.other-parents .parents-see .title{
    color: #666;
}
.other-parents .parents-see .title span{
    font-size: 12px;
    color: #999;
}
.other-parents .parents-see .list{
    width: 1200px;
}
.other-parents .parents-see .list .list-item{
    float: left;
    width: 550px;
    height: 45px;
    border-bottom: 1px dashed #dbdbdb;
    position: relative;
}
.other-parents .parents-see .list .list-item.fr{
    float: right;
}
.other-parents .parents-see .list .list-item .dot{
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    top:18px;
    background: #027939;
}
.other-parents .parents-see .list .list-item p a:hover {
    color: #027939;
}
.location .contents li a:hover {
    color: #027939;
}
.other-parents .parents-see .list .list-item p{
    font-size: 16px;
    width: 60%;
    margin: 10px 20px;
    color: #666;
}
.other-parents .parents-see .list .list-item .price{
    font-family: Verdana;
    position: absolute;
    display: inline-block;
    top:10px;
    right: 70px;
}

.evaluate{
    padding: 40px 0;
}
.evaluate-content{
    width: 1200px;
    margin: 0 auto;
    padding-top: 5px;
}
.evaluate-content .screenshot{
    margin-top: 30px;
    position: relative;
}
.evaluate-content .screenshot .swiper-container{
    width: 1200px;
    overflow: hidden;
    height: 386px;
}

.evaluate-content .screenshot .screenshot-list .list-item{
    width: 295px;
    height: 386px;
    float: left;
    margin-right: 5px;
}
.evaluate-content .screenshot .screenshot-list:last-child{
    margin-right: 0px;
}
.evaluate-content .screenshot .left-arrow{
    width: 37px;
    height: 92px;
    position: absolute;
    top: 148px;
    left: -50px;
    cursor: pointer;
    background: url("../images/2-2/51.png") no-repeat;
}
.evaluate-content .screenshot .right-arrow{
    width: 37px;
    height: 92px;
    position: absolute;
    cursor: pointer;
    top: 148px;
    right: -50px;
    background: url("../images/2-2/52.png") no-repeat;
}

.comment{
    padding: 30px 0;
}
.comment-content{
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
    border-bottom: 1px solid #ececec;
}
.comment-content .comment-title{
    text-align: center;
}
.comment-content .count .tips{
    color: #666;
    display: inline-block;
    margin-top: 10px;
}
.publish-comment{
    margin-top: 10px;
}
.publish-comment .headPic{
    width: 48px;
    height: 48px;
}
.publish-comment .textarea-container{
    margin-left: 58px;
    background: #f7f8fa;
    height: 110px;
    border: 2px solid #f3f3f3;
}
.publish-comment .textarea-container textarea{
    width: 100%;
    height: 80px;
    resize: none;
    background: #fff;
    box-sizing: border-box;
    padding: 5px;
    border: none;
    font-size: 14px;
}
.publish-comment .textarea-container .emoji{
    cursor: pointer;
}
.publish-comment .transmit{
    margin: 20px 0 20px 58px;
    position: relative;
}
.publish-comment .transmit span{
    color: #999;
}
.publish-comment .transmit img{
    cursor: pointer;
}
.publish-comment .transmit .btn{
    width: 90px;
    color: #fff;
    position: absolute;
    right: 0px;
    top: 10px;
}
.new-comment{
    margin: 20px 0;
    border-bottom: 2px solid #f3f3f3;
    line-height: 30px;
}
.comment-list{
    margin-bottom: 20px;
}
.comment-list .headPic{
    height: 48px;
    width: 48px;
}
.comment-list .comment-header{
    padding-left: 58px;
    color: #999;
}
.comment-list .comment-middle{
    padding-left: 58px;
}
.comment-list .comment-footer{
    padding-left: 58px;
    color: #999;
}

.comment-list .replay{
    margin-top: 10px;
    margin-left: 58px;
}

.comment-list .replay .headPic{
    width: 33px;
    height: 33px;
}
.comment-list .replay .textarea-container{
    margin-left: 43px;
    background: #f7f8fa;
    height: 110px;
    border: 2px solid #f3f3f3;
}
.comment-list .replay .textarea-container textarea{
    width: 100%;
    height: 80px;
    resize: none;
    background: #fff;
    box-sizing: border-box;
    padding: 5px;
    border: none;
    font-size: 14px;
}

.comment-list .replay .textarea-container .emoji{
    cursor: pointer;
}

.comment-list .replay .transmit{
    margin: 20px 0 20px 58px;
    position: relative;
}
.comment-list .replay .transmit span{
    color: #999;
}
.comment-list .replay .transmit img{
    cursor: pointer;
}
.comment-list .replay .transmit .btn{
    width: 90px;
    color: #fff;
    position: absolute;
    right: 0px;
    top: 10px;
}

.comment-content .more{
    height: 38px;
    border: 1px solid #ececec;
    background: #f5f6f8;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
}